<template>
<div>
  <trade-success>
    <template #price>
      <div class="w-full text-center">
        <div>
          <span class="relative bottom-2 mr-15 font-36">{{ currencySymbol }}</span>
          <span class="font-60">{{ detail.amount }}</span>
        </div>
        <div class="mt-14 font-400 font-28 text-grey">
          {{$t('您已成功出售')}}
          <span class="mx-8">{{ detail.symbol == 'usdt' ? Math.floor(detail.coinAmount * 100) / 100 : Math.floor(detail.coinAmount * 100000) / 100000 }}</span>
          <span>{{ detail.symbol && detail.symbol.toLocaleUpperCase() }}</span>
        </div>
      </div>
    </template>
    <template #desc>
      <span>{{$t('请您对买家进行评价')}}</span>
    </template>
  </trade-success>
</div>
</template>

<script>
import TradeSuccess from "@/page/c2c-trade/components/TradeSuccess";
import otcApi from '@/API/otc';
import { mapGetters } from "vuex";
export default {
  name: "TradeSuccessSell",
  components: {
    TradeSuccess,
  },
  data() {
    return {
      detail: {}
    }
  },
  computed: {
    ...mapGetters("c2c", ['currencySymbol']),
  },
  created() {
    const order_no = this.$store.state.c2c.order_no
    otcApi.ctcOrderGetDetail({ order_no, language: this.$i18n.locale }).then(res => {
      this.detail = res.data
    })
  }
}
</script>

<style scoped>

</style>